<template>
    <div style="width: 100%;height: 100%;">
        <div class="el-main">
            <IdentityRegister></IdentityRegister>
        </div>
    </div>
</template>

<script>
    import './assets/css/public.css';
    import IdentityRegister from './components/CoinDays';
    export default {
        name: 'App',
        components: {IdentityRegister},
        data() {
            return {
                activeIndex: '',
                cointype: 'fch',
                languages: [
                    {label: '简体中文', value: '简体中文'}
                ],
                language: '简体中文',
                leftCodeUrl: './static/images/left.jpg',
                rightCodeUrl: './static/images/right.jpg'
            }
        },
        mounted(){
            // let path = this.$route.path.split('/')[1];
            // if(path){
            //     this.activeIndex = path;
            // }
            // else {
            //     this.activeIndex = 'transaction'
            // }
            this.stopTouch();
        },
        methods:{
            handleSelect(val){
                this.$router.push('/'+val);
            },
            //ios手机放大问题
            stopTouch(){
                document.addEventListener('gesturestart', function (e) {
                    e.preventDefault();
                });

                // 在单个元素上单击两次 ===  dblclick
                document.addEventListener('dblclick', function (e) {
                    e.preventDefault();
                });

                // 一个手指放在屏幕上时，会触发 touchstart 事件
                document.addEventListener('touchstart', function (event) {
                    if (event.touches.length > 1) {
                        event.preventDefault();
                    }
                });

                // 如果一个或两个手指在屏幕上滑动，将会触发 gesturechange 事件。
                // 但只要有一个手指移开， 就会触发 gestureend 事件，紧接着又会触发基于该手指的 touchend 事件。
                let lastTouchEnd = 0;
                document.addEventListener('touchend', function (event) {
                    let now = (new Date()).getTime();
                    // 如果在300ms内触发两次touchend，就阻止默认事件
                    if (now - lastTouchEnd <= 300 && event.cancelable) {
                        event.preventDefault();
                    }
                    lastTouchEnd = now;
                }, false);
            }
        }
    }
</script>

<style scoped lang="less">

    @media screen and (min-width: 512px) {
        .phone{
            display: none;
        }
    }

    @media screen and (max-width: 512px){
        .web{
            display: none;
        }
        /deep/ .el-dialog{
            width: 100%;
        }
    }

</style>
